import Vue from 'vue'
import axios from 'axios'
import { Toast } from 'vant'
import { removeToken } from '@/utils/token.js'
import { setIsLogin } from '@/store/index.js'
import router from '@/router/index.js'
import { getToken } from '@/utils/token.js'
// 自定义创建axios实例
var Axios = axios.create({
  // 设置开发基地址
  baseURL: process.env.VUE_APP_BASEURL
})

// 设置响应拦截器
Axios.interceptors.response.use(
  function (response) {
    // 在这里对响应的数据做一个统一的判断 , 这样后面的页面就不需要每次都对code进行判断
    if (response.data.code === 200) {
      // 只把响应数据的data返回
      return response.data
    } else if (response.data.code === 401 || response.data.code === 403) {
      // 状态为401或者403时 , 参数异常 , 通常为token过期或其他原因
      // 对返回的状态进行处理
      // 提示错误信息
      Toast.fail(response.data.message)
      // 删除token
      removeToken('heimamm-mobile-token')
      // 修改登录状态为false
      commit('setIsLogin', false)
      // 返回登录页
      router.push('/login')
      return Promise.reject(new Error(response.data.message))
    } else {
      // 返回的code为400 参数错误 , 验证码错误
      Toast.fail({ message: response.data.message, duration: 1000 })
      return Promise.reject(new Error(response.data.message))
    }
  },
  function (error) {
    // Do something with response error
    return Promise.reject(error)
  }
)

// 设置请求拦截器

Axios.interceptors.request.use(
  function (config) {
    // console.log(config)
    // 在发送请求之前做些什么
    // 有些接口发请求时需要设置authorization携带token , 因此需要判断哪些接口需要携带
    // needToken是单独设置在发请求的接口里的自定义的属性 ,设为true则表示需要携带设置authorization携带token
    // 判断发请求时needToken'是否为true
    if (config.needToken) {
      // 获取token
      const token = getToken()
      // 判断是否有登录 , 登录则有token , 有则携带, 没有则不携带, 返回登录页面 , 不判断继续执行携带的则是undefined , 不是那么规范 , 但是不判断也没有影响
      if (token) {
        config.headers.authorization = `Bearer ${token}`
      }
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 全局axios默认配置
// axios.defaults.baseURL = process.env.VUE_APP_BASEURL
// Vue.prototype.$axios = Axios
export default Axios
